<!DOCTYPE html>
<html lang="en">
<!--
  Page Head
-->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LVGL 编辑器</title>
  <!--link rel="stylesheet" type="text/css"
        href="#{rs}core/css/font-md/css/material-design-iconic-font.css"-->
  <script src="ti/deps/crypto-js.js"></script>
  <script src="ti/deps/jquery.js"></script>
  <script src="ti/deps/lodash.min.js"></script>
  <script src="ti/deps/vue.js"></script>
  <script src="ti/deps/vuex.js"></script>

  <link rel="stylesheet" href="ti/theme/dark.css">
  <link rel="stylesheet" href="ti/deps/md/iconfont/material-icons.css">
  <link rel="stylesheet" href="ti/deps/zmdi/css/material-design-iconic-font.css">
  <link rel="stylesheet" href="ti/deps/fontawesome/5.15.1-web/css/all.css">
  <link rel="stylesheet" href="ti/deps/iconmonstr/css/iconmonstr-iconic-font.css">

  <link rel="stylesheet" href="css/www-all.css">


  <script src="ti/deps/antv/v4/g2/g2.min.js"></script>
  <script src="ti/deps/quill/1.3.6/quill.js"></script>
  <script src="ti/deps/sortable.js"></script>
  <script src="ti/deps/ace/1.4.12/ace.js"></script>
  <script src="ti/deps/tinymce/5.6.2/tinymce.min.js"></script>
  <script src="ti/deps/highlight/highlight.js"></script>
  <script src="ti/deps/qrcode/qrcode.min.js"></script>

  <script src="ti/dist/es6/ti-core.js"></script>
  <script src="ti/dist/es6/ti-more-all.js"></script>
  <script src="js/minke-www-all.js"></script>

  <script src="vscode-polyfill.js"></script>
  <script src="LvglDecoder.js"></script>
</head>
<!--
  Page Body
-->

<body>
  <div id="app" class="app-loading">
    <i class="zmdi zmdi-settings zmdi-hc-spin"></i>
  </div>
  <!--set key="cc">API.getContextJsonString(false, false)</set>
<pre>#{cc}</pre-->
  <!--
    SSR Preload
  -->
  <div class="wn-ssr-data" data-ssr-key="page-json">
    {
    "title": "Lvgl设计器",
    "extModules": {
    "edit": {
    "modType": "@Site:mod/workbench"
    }
    },
    "apis": {},
    "data": {
    "lvgl": {
    "device": {
    "width": 640,
    "height": 480
    },
    "screens": [
    {
    "name": "ScreenA",
    "layout": {
    "type": "free",
    "blocks": []
    }
    }
    ],
    "schema": {}
    }
    },
    "layout": {
    "desktop": {
    "type": "rows",
    "className": "luatos-page is-mine is-lvgl-maker",
    "blocks": [
    {
    "className": "page-main",
    "size": 100,
    "flex": "both",
    "name": "main",
    "body": "pcMain"
    }
    ],
    "panels": []
    },
    "tablet": "desktop",
    "phone": "desktop"
    },
    "shown": {},
    "schema": {
    "pcMain": {
    "comType": "LvglMaker",
    "comConf": {
    "value": "=page.data.lvgl",
    "valueWatcher": "OnAppJsonChanged",
    "fixedDeviceSize": true
    }
    }
    },
    "actions": {
    "main::change": {
    "action": "page/changeDataBy",
    "payload": {
    "key": "lvgl",
    "value": "=>JSON.parse($args[0])"
    }
    }
    }
    }
  </div>
  <!--
  Main Script
  -->
  <script type="module">
    //---------------------------------------
    //import Ti from "./ti/dist/es6/ti-core.js";
    //---------------------------------------
    let appJson = {
      name: "lvgl-ide",
      title: "LVGL 编辑器",
      theme: "dark",
      i18n: ["./i18n/all"],
      //css: "./css/www-all.css",
      template: "@lib:www/com/site-main.html",
      mixins: "@lib:www/com/site-main.mjs",
      store: {
        state: {
          entry: "lvgl-editor.html",
          logo: "img/logo.png",
          base: "",
          apiBase: "/api/",
          apis: {},
          dictionary: {},
          schema: {},
          blocks: {},
          nav: {},
          provide: {
            rs: "=rs",
            apiBase: "=apiBase",
            base: "=base",
            cdnTmpl: "=cdnTmpl"
          },
          router: [{
            match: "^.+?",
            page: {
              path: "lvgl-editor.html"
            }
          }],
          actions: {},
          rs: "/rs/",
          lang: "zh-cn",
          siteRs: "",
          preloads: []
        },
        modules: {
          page: "@lib:www/mod/page",
          auth: "@lib:www/mod/auth",
          viewport: "@mod:ti/viewport"
        },
        mixins: "@lib:www/mod/www-mod-site.mjs"
      },
      importMethods: {
        "Minke": "./mod/minke-util.mjs"
      },
      components: [
        "@com:ti/icon",
        "@com:ti/actionbar",
        "@com:ti/button",
        "@com:ti/wizard",
        "@com:ti/roadblock",
        "@com:ti/combo/filter",
        "@com:ti/form",
        "@com:ti/gui",
        "@com:ti/table",
        "@com:ti/table/quick",
        "@com:ti/loading",
        "@com:ti/session/badge",
        "@com:ti/obj/tile",
        "@com:ti/lbs/route",
        "@com:ti/paging/button",
        "@com:ti/paging/jumper",
        "@com:wn/obj/id",
        "@com:net/aliyun/vod/video/player",
        "@com:web/shelf/wall",
        "@com:web/shelf/list",
        "@com:web/shelf/iconbox",
        "@com:web/shelf/free",
        "@com:web/shelf/scroller",
        "@com:web/tile/address",
        "@com:web/tile/order",
        "@com:web/tile/comment",
        "@com:web/nav/links",
        "@com:web/nav/columns",
        "@com:web/nav/side",
        "@com:web/nav/crumb",
        "@com:web/widget/sharebar",
        "@com:web/widget/summary",
        "@com:web/widget/user",
        "@com:web/widget/input/text",
        "@com:web/text/heading",
        "@com:web/text/raw",
        "@com:web/media/image",
        "@com:web/gis/leaflet",
        "@com:web/pay",
        "@com:web/meta/article",
        "@com:web/meta/commodity",
        "@com:web/row/article",
        "@com:web/meta/order",
        "@com:web/auth/signup",
        "@com:web/auth/passwd",
        "@Site:com/page/footer",
        "@Site:com/tile/device",
        "@Site:com/tile/devlog",
        "@Site:com/devdetail",
        "@Site:com/workbench"],
      deps: [],
      viewport: {
        phoneMaxWidth: 640,
        tabletMaxWidth: 900,
        designWidth: 1500,
        max: 100,
        min: 70
      }
    };
    //---------------------------------------
    let vars = {
      confHome: ""
    };
    //---------------------------------------
    Ti.WebAppMain({
      rs: "",
      siteRs: "",
      appJson,
      //siteId : "#{WWW.id}",
      //domain : "#{grp}",
      viewport: appJson.viewport,
      vars: {
        "base": "",
        "rs": "",
        "lang": "zh-cn",
        "siteRs": "",
        "TiJs": "ti/dist/es6/ti-core.js",
        "preloads": [
          // "@dist:es6/ti-more-all.js",
          // "@Site:js/minke-www-all.js"
        ],
        "deps": []
      },
      preloads: [
        // "@dist:es6/ti-more-all.js",
        // "@Site:js/minke-www-all.js"
      ]
    }).then(() => {
      notifyPageReady()
    })
//---------------------------------------
  </script>
</body>

</html>